4
4
.
.
5
5
.
.
6
6
d
d
r
r
a
a
w
w
R
R
o
o
u
u
n
n
d
d
R
R
e
e
c
c
t
t
I
I
n
n
f
f
o
o
[
[
R
R
]
]
This tutorials shows how to use Canvas to draw Rounded Rectangle.
Syntax
import androidx.compose.foundation.Canvas
Canvas(Modifier.fillMaxSize()) {
drawRoundRect(
color = Color.Red,
size = Size (width = 500f, height = 300f),
topLeft = Offset(x = 700f, y = 300f),
radius = Radius(x = 50f, y = 50f)
)
}
E
E
x
x
a
a
m
m
p
p
l
l
e
e
In this example we use Canvas to draw Rectangle.
MainActivity.kt
package com.example.testcompose
import android.os.Bundle
import androidx.appcompat.app.AppCompatActivity
import androidx.compose.foundation.Canvas
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.ui.Modifier
import androidx.compose.ui.geometry.Offset
import androidx.compose.ui.geometry.Radius
import androidx.compose.ui.geometry.Size
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.platform.setContent
class MainActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContent {
Canvas(Modifier.fillMaxSize()) {
drawRoundRect(
color = Color.Red,
size = Size (width = 500f, height = 300f),
topLeft = Offset(x = 700f, y = 300f),
radius = Radius(x = 50f, y = 50f)
)
}
}
}
}
Output
